Style Sheet Examples
Index for PageSpinner Style Sheet Examples
The HTML files for these examples can be found inside the folder named Style Sheet Examples located in PageSpinner's Examples folder. Use Finder to open files with PageSpinner to view and edit the HTML source and the Style Sheet files (.css).
The first examples below uses basically the same HTML file, but the display will differ dramatically because they all use different Style Sheet definition files. Style Sheets is a powerful mechanism to control and easily update the look of a site.
How to work with Style Sheet files in PageSpinner:
To work with Style Sheets you can use the tags in the menu Tags : Style Sheet to add your style definitions in the CSS document.
Open both the HTML file (.html) that should use style sheets and a Style Sheet definition file (.css). You can use a copy of one of the included css-files or create a new empty file.
To attach the style sheet to the HTML file, place the insertion point in the HEAD section of the document and use the command Tags: Style Sheet : Link to Style Sheet File. The following tag is inserted:
<LINK REL=STYLESHEET HREF="enter_filname_here.css" TYPE="text/css">Change the filename in the HREF attribute to the name of your CSS file. Now you can edit the CSS file and save the changes. Then switch to the HTML file and click the preview button to view the styled page in your browser.
The PageSpinner CSS helper application StyleSpinner helps you to create the contents of CSS files. The application can be launched from the Tags: Style Sheet menu once you have installed it. This application also contains a Style Sheet Reference. StyleSpinner can be downloaded from: http://www.spinnerworld.com/stylespinner/